<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录页面</title>
		<link rel="stylesheet" type="text/css" href="./Public/Home/css/login.css"/>
		<script src="./Public/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
        	$(function(){
        		//验证码
        		$('#codes').blur(function(){
        			var code = $(this).val();
        			//alert(code)
        			$.ajax({
        				type:"post",
        				url:"{{U('codes')}}",
        				data:{code:code},
        				dataType:'json',
        				success:function(data){
        					if(data == 1){
        						$('#code_msg').html('<span style="color:red;">请输入验证码</span>');
        					}else{
        						$('#code_msg').html('<span style="color:green;">验证码正确</span>');
        					}
        					
        					if(data == 2){
        						$('#code_msg').html('<span style="color:red;">验证码错误</span>');
        					}
        				}
        			});
        		})
        	})
        </script>
	</head>
	<body>
		<div id="w_bg_box">
			<div class="loginContent">
				<a href="{{U('index/index')}}"><img style="display:block;margin: 0 auto;" src="./Public/Home/images/logo.png" alt="" /></a>
				<form action="" method="post">
					<div class="user" id="user">
						<span></span>
						<input name="uname" id="username" class="border" placeholder="用户名/邮箱/手机号" maxlength="30" type="text">
       					<p class="c_error w_error c_error_username"></p>
  					</div>
					<div class="pas" id="pas">
			  			<span></span>
			  			<input name="upassword" id="prompt" placeholder="请输入密码" maxlength="20" type="password">
			          	<!--<input name="retPassword" id="password" value="请输入密码" style="display: none;" maxlength="20" type="password">-->
			          	<p class="c_error w_error c_error_password"></p>
			        </div>
			        
			        <div style="width: 310;height: 50px;">
			  			<input style="padding-left:10px;width:150px;height: 40px;margin-left: 3px;color: #ababab;display: block;float: left;" name="code" id="codes" placeholder="验证码" type="text">
			  			<img style="display: block;" src="{{U('Login/code')}}" onclick="this.src = this.src + '&mt=' + Math.random()"/>
			  			<span id="code_msg"></span>
			        </div>
					<div class="w_other">
          				<a href="forgetPwd1.do" id="forgetPwdA">忘记密码？</a>
				    </div>   
        			<input class="denglu" value="立即登录" id="loginSubmit" type="submit">	
					<p class="zhanghao">没有账号？<a href="{{U('reg/index')}}">免费注册</a></p>
					<div class="ygqq_login_other" style="margin-top: 15px"> 
			             <span>
			             	<b class="ygqq_b"></b>
			             	<h3>第三方登录</h3>
			             	<b class="ygqq_b"></b>
			             </span>
			             <ul class="yygqq_login_other_ul">
			               <li class="ygqq_qq ygqq_qq_all"><a href=""></a></li>
			               <li class="ygqq_wx ygqq_wx_all"><a href=""></a></li>
			               <li class="ygqq_wb"><a href=""></a></li>
			             </ul>
			          </div>
				</form>
			</div>
		</div>
	</body>
</html>
